<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function f() {
            alert("这是一个静态的注册事件")
        }
        window.onload = function () {                           //动态的第一步
            let elementById = document.getElementById("fun");   //第二部就是获取属性，并且声明一个对象
            elementById.onclick = function () {                 //调用对象的属性，并且写入自己定义的方法
                alert("这是一个动态的注册事件")
            }
        }

    </script>
</head>
<body>
        <button onclick="f()">按钮一</button>
        <button id="fun">按钮二</button>
</body>
</html>